<template>
	<view class="video-card">
		<imageForSize size="217" radius="15" :src="data.img"></imageForSize>
		<u-button>
			<imageForSize size="40" :src="require('@/static/svg/pause.svg')"></imageForSize>
		</u-button>
	</view>
</template>

<script>
	export default {
		props: {
			data: {
				default: () => ({}),
				type: Object
			}
		},
		data() {
			return {}
		},
	}
</script>

<style lang="scss" scoped>
	.video-card{
		position: relative;
		.u-btn{
			position: absolute;
			bottom: 22rpx;
			right: 24rpx;
			width: fit-content;
			height: fit-content;
			padding: 0;
			background-color: transparent !important;
		}
	}
</style>
